<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>BackGrid Complete example (Recommended!)</title>

<link rel="stylesheet" href="../../lib/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="../../lib/backgrid/backgrid.css">
<link rel="stylesheet" href="../../lib/backgrid/backgrid-select-all.css">
<link rel="stylesheet" href="../../lib/backgrid/backgrid-paginator.css">
<link rel="stylesheet" href="../../lib/backgrid/backgrid-filter.css">
<link rel="stylesheet" href="../../css/styles.css" />
<link rel="stylesheet" href="../../css/layout.css" />

</head>
<body>
    <div class="container-fluid">
        <div class="row-fluid">
            <div id="winetile" class="span10 container">
                Object Tile Area for Listing and Addnew/Editing
            </div>
        </div>
    </div>

    <script type="text/template" id="tpl_winetile">
    <div id="winetile">
        <div class="page-header">
            <h2 align="center">
                原始数据文件维护
            </h2>
        </div>
        <div id="objecteditor">object editor
            here. If you see this, it means the object list view or object item
            view are not displayed successfully!</div>
    </div>
    </script>

    <script type="text/template" id="tpl_itemlist"> 
   <div id="itemlist">
        <a href="#wines/httpupload" id="httpupload" class="btn btn-success">基于web上传</a>
        <a href="#ftp/import" id="ftpimport" class="btn btn-success">基于ftp导入</a>
        <!-- 
        <a href="#wines/deleteselected" id="deleteselected" class="btn btn-danger">Delete Selected</a>
        -->
        <a href="#wines/new" id="addnew" class="btn btn-success">Add</a>
        <a href="#" id="deleteselected" class="btn btn-danger">Delete Selected</a>
        <div id="backgrid" class="backgrid-container">If you see this, it means the backgrid is not displayed properly</div>
    </div>
    </script>
    
    <script type="text/template" id="tpl_itemdetail">
    <h2 class="page-header text-center">Wine Detail Edit</h2>
    <form role="form" class="form-horizontal contract-form">
        <div class="form-group">
            <label class="col-sm-4 control-label">Id:</label>
            <div class="col-sm-6">
                <input id="id" name="id" type="text" value="<%= id %>"
                    class="form-control contact-name-input" disabled />
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-4 control-label">Originname:</label>
            <div class="col-sm-6">
                <input type="text" id="originname" name="originname" value="<%= originname %>"
                    class="form-control contact-name-input" disabled/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-4 control-label">Storageid:</label>
            <div class="col-sm-6">
                <input type="text" id="storageid" name="storageid"
                    class="form-control contact-name-input" value="<%= storageid %>" />
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-4 control-label">Size:</label>
            <div class="col-sm-6">
                <input type="text" id="size" name="size"
                    class="form-control contact-name-input" value="<%= size %>"  disabled/>
            </div>
        </div>
    
        <div class="form-group">
            <label class="col-sm-4 control-label">Properties:</label>
            <div class="col-sm-6">
                <textarea id="properties" name="properties"
                    class="form-control contact-name-input"><%= properties %></textarea>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-4 col-sm-3">
                <button type="submit" class="btn btn-outline btn-lg btn-block save">Submit</button>
            </div>
            <div class="col-sm-3">
                <button class="btn btn-outline btn-lg btn-block cancel">Cancel</button>
            </div>
        </div
    </form>
    </script>



    <script type="text/template" id="tpl_ftpitemlist">
    <div id="ftpitems">
      <h2 class="page-header text-center">Ftp Import Page</h2>
      <div style = "text-align:right;">
           <a  class="btn  btn-success import">提交</a> 
           <a  class="btn  btn-danger cancel">取消</a> 
      </div>
      <div id="ftpbackgrid" class="backgrid-container">If you see this, it means the tpl_ftpitemlist is not displayed properly</div>
      <div id="propertiesedit">
            <label>文件属性：</label>
            <textarea id="fileproperties" name="fileproperties" class="form-control contact-name-input"></textarea>
      </div>
      <div id="propertiestempalte">
            <label>文件属性范例模板：</label>
            <textarea id="propertiestemplate" name="propertiestempalte" class="form-control contact-name-input" disabled>{"loggerid":"1"}</textarea>
      </div>
     
    </div>
    </script>



    <script type="text/template" id="tpl_httpupload">
    <h2 class="page-header text-center">HttpFileUpload</h2>
    <div id="httpuploadfile">
      <div style = "text-align:right;">
           <a  class="btn  btn-success create">提交</a> 
           <a  class="btn  btn-danger cancel">取消</a> 
      </div>
      <div id="jqueryupload">
          <span class="btn btn-success fileinput-button">
            <i class="glyphicon glyphicon-plus"></i>
            <span>Select files...</span>
            <!-- The file input field used as target for the file upload widget -->
            <form  id="fileupload" enctype="multipart/form-data">
                <input type="file" name="file" multiple>
            </form>
            <!--<input id="fileupload" type="file" name="files[]" multiple> -->
               <div id="progress" class="progress">
             <div class="progress-bar progress-bar-success"></div>
              <div id="files" class="files"></div>
             </div>
           </span>
     </div>
      <div id="uploadproperties">
            <label>文件属性：</label>
            <textarea id="uploadfileproperties" name="uploadfileproperties" class="form-control contact-name-input"></textarea>
      </div>
      <div id="uploadpropertiestempalte">
            <label>文件属性范例模板：</label>
            <textarea id="uploadfilepropertiestempalte" name="uploadfilepropertiestempalte" class="form-control contact-name-input" disabled>{"loggerid":"1"}
            </textarea>
      </div>
     
    </div>
    </script>

    <script src="../../lib/jquery-1.11.0.js"></script>
    <script src="../../lib/bootstrap/bootstrap.min.js"></script>
    <script src="../../lib/backbone/underscore.js"></script>
    <script src="../../lib/backbone/backbone.js"></script>
    <script src="../../lib/backgrid/backbone-pageable.js"></script>
    <script src="../../lib/backgrid/backgrid.js"></script>
    <script src="../../lib/backgrid/backgrid-select-all.js"></script>
    <script src="../../lib/backgrid/backgrid-paginator.js"></script>
    <script src="../../lib/backgrid/backgrid-filter.js"></script>

    <script src="../../lib/jqueryupload-9.9.3/js/vendor/jquery.ui.widget.js"></script>
    <script src="../../lib/jqueryupload-9.9.3/js/jquery.iframe-transport.js"></script>
    <script src="../../lib/jqueryupload-9.9.3/js/jquery.fileupload.js"></script>

    <script src="json2.js"></script>
    <script src="fdbviewer-test4.js"></script>

</body>
</html>
